<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
    <link rel="icon" href="./image/bicon.png">
    <link rel="stylesheet" href="./css/reset2.css">
    <style>
        .box {
            width: 280px;
            height: 250px;
            background-color: #fff;
            text-align: center;
            padding-top: 5px;
        }

        .image {
            width: 250px;
            height: 150px;
        }
        
        .text
        {
            width: 100%;
            padding-top: 5px;
            display: inline-block;
            width: 250px;
        }

        .text1
        {

            /* white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; */
         
           text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            cursor: pointer;
        }

        .author .info
        {
            font-size: 13px;
            color: #888;
            text-align: left;
            display: inline-block;
            width: 250px;
        }

        .author .info::before
        {
            content:"";
            display: inline-block;
            background-image: url(./image/bicon.png);
            background-size: cover;
            width: 16px;
            height: 16px;
            vertical-align: text-bottom;
            margin-right: 5px;
        }

        .text1:hover,.info:hover
        {
            color: aqua;
        }
        
    </style>
</head>

<body>
    <div class="box">
        <a href="#" target="_blank">
            <img class="image" src="./image/bili2.png" alt="">
        </a>
        <a class="text" href="#" target="_blank">
            <p class="text1">
                3天精通EXCEL函数！你也能成为职场大神别找了，这一套课程就够！！excel函数公式大全讲解 
                excel教程全套 小白从入门到精通 excel教程
            </p>
        </a>

        <a class="author" href="#" target="_blank">
            <p class="info">
                数分界扛把子· 12-2
            </p>
        </a>
    </div>
</body>

</html>